<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12" style="background: #fff">
        <div id="exampleToolbar" style="    display: flex;width: 100%;">
            <div class="columns pull-left" style="display: flex;  align-items: center;">
                <button shiro:hasPermission="jzweb:examinationResults:batchRemove" type="button"
                        class="btn  btn-danger"
                        onclick="batchRemove()">
                    <i class="fa fa-trash" aria-hidden="true"></i>删除
                </button>
                <button shiro:hasPermission="jzweb:examinationResults:exportList" type="button" class="btn  btn-primary"
                        style="margin-left: 10px"
                        onclick="downExcelModel($('#ebatchName').val(),'/jzweb/examinationResults/exportListAll?ebatchId='+$('#ebatchName').val())">
                    <i class="fa fa-download" aria-hidden="true"></i>导出
                </button>
            </div>
            <div style="display: flex; flex-direction: row;justify-content: flex-start;align-items: center;">


                <div class="columns col-md-1.5 nopadding" style="margin: 0px 10px">
                    <input id="stuSignName" type="text" class="form-control" placeholder="请输入考生姓名">
                </div>
                <div class="columns col-md-1.5 nopadding" style="margin-right: 10px">
                    <input id="ebatchName" type="text" class="form-control" placeholder="请输入考试批次名称"
                           style="margin: 0px 10px">
                </div>
                <div class="columns col-md-1.5 nopadding" style="margin-right: 10px">
                    <input id="cbatchName" type="text" class="form-control" placeholder="请输入认证批次名称">
                </div>
                <div class="columns col-md-1.5 nopadding">
                    <select id="searchState" name="searchState" class="form-control">
                        <option value="">请选择状态</option>
                        <option value="0">正常</option>
                        <option value="1">缺考</option>
                        <option value="9">已删除</option>
                    </select>
                </div>
                <div class="columns ">
                    <button class="btn btn-primary" onclick="reLoad()" style="margin-left: 10px">查询</button>
                </div>
            </div>
        </div>
        <table id="exampleTable" data-mobile-responsive="true">
        </table>
    </div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 -->
<div>
    <script type="text/javascript">
        var s_edit_h = 'hidden';
        var s_remove_h = 'hidden';
        var s_resetPwd_h = 'hidden';
    </script>
</div>
<div shiro:hasPermission="jzweb:examinationResults:edit">
    <script type="text/javascript">
        s_edit_h = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:examinationResults:remove">
    <script type="text/javascript">
        var s_remove_h = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:examinationResults:resetPwd">
    <script type="text/javascript">
        var s_resetPwd_h = '';
    </script>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/examinationResults/examinationResults.js"></script>
<script>
    function downExcelModel(eBatchId, table) {
        if (eBatchId == null || eBatchId == '') {
            layer.msg('请选择考试批次后再导出!');
        } else {
            layer.confirm('您确定要导出成绩信息吗？', {
                btn1: function (index) {
                    window.location.href = table;
                    layer.close(index)
                }
            });
        }


    }
</script>
</body>
</html>